/**
 * 项目入口文件 - main.ts
 * 这个文件是整个Vue应用的启动点，负责初始化和配置应用
 * 就像是房子的地基，所有功能都建立在这个基础上
 */

// 从Vue框架中导入创建应用的函数
import { createApp } from 'vue'
// 从Pinia状态管理库中导入创建状态管理器的函数
import { createPinia } from 'pinia'
// 导入路由配置（用于页面跳转）
import router from './router'
// 导入根组件（整个应用的最外层容器）
import App from './App.vue'
// 导入Element Plus UI组件库（提供按钮、输入框等界面组件）
import ElementPlus from 'element-plus'
// 导入Element Plus的基础样式文件
import 'element-plus/dist/index.css'
// 导入Element Plus的深色主题样式
import 'element-plus/theme-chalk/dark/css-vars.css'
// 导入项目自定义的全局样式
import './styles/index.css'

// 创建Vue应用实例，就像搭建房子的框架
const app = createApp(App)
// 创建状态管理器实例，用于管理应用的数据状态
const pinia = createPinia()

// 安装状态管理器到应用中（让应用可以使用全局状态）
app.use(pinia)
// 安装路由器到应用中（让应用可以进行页面跳转）
app.use(router)
// 安装Element Plus组件库到应用中（让应用可以使用UI组件）
app.use(ElementPlus)

// 将应用挂载到HTML页面的#app元素上，启动整个应用
app.mount('#app')